Souřadnice bodů a kreslení čar

python.edumach.cz

V grafické ploše můžeme například kreslit čáry, obdélníky, elipsy a další objekty. Při kreslení musíme zadat také jejich souřadnice.

Každý bod má dvě souřadnice: x a y. Souřadnice x určuje vodorovnou polohu a souřadnice y určuje svislou polohu. Ale pozor, souřadnice y roste směrem dolů (ne tak, jak jsme zvyklí v matematice, kde roste nahoru). Souřadnice zapisujeme jako dvojici čísel, kde souřadnice x je vždy první v této dvojici a druhá je souřadnice y.

❓Otázky

1. Jaké souřadnice má bod, který je 20 bodů nalevo od bodu se souřadnicemi [100, 50]?

2. Jaké souřadnice má bod, který je 20 bodů napravo od bodu se souřadnicemi [100, 50]?

3. Jaké souřadnice má bod, který je o 20 bodů výše od bodu se souřadnicemi [100, 50]?

4. Jaké souřadnice má bod, který je o 20 bodů níže od bodu se souřadnicemi [100, 50]?

5. Co mají společného všechny body nalevo nebo napravo od [100, 50]?

Pomocí příkazu canvas.create_line(10, 100, 200, 100) nakreslíme čáru, která začíná v bodě se souřadnicemi [10, 100] a končí v [200, 100]. Pomocí tohoto příkazu můžeme také kreslit čáry, které protínají více bodů. Do příkazu přidáme jednotlivé souřadnice bodů.

Například canvas.create_line(10, 100, 200, 100, 10, 200) přidáme k původní přímce další bod se souřadnicí [10, 200]. Po spuštění programu:

import tkinter
canvas = tkinter.Canvas()
canvas.pack()

canvas.create_line(10, 100, 200, 100, 10, 200)

Uvidíme přímku, která začíná na [10, 100], pokračuje na [200, 10] a končí na [10, 200].

💾 Upravte tento program tak, aby tyto dvě čáry nakreslil do trojúhelníku.

Úpravy čar

Při kreslení můžeme čarám přizpůsobit tloušťku i barvu.

• canvas.create_line(10, 100, 200, 100, width=5) – Nakreslí čáru o tloušťce 5 bodů.
• canvas.create_line(10, 100, 200, 100, fill='red') – Nakreslí červenou čáru.
• canvas.create_line(10, 100, 200, 100, fill='red', width=5) – Nakreslí červenou čáru o tloušťce 5 bodů.

Tloušťka čáry

Tloušťku nastavíme parametrem width a přiřadíme jí číselnou hodnotu (v pixelech).

Barva čáry

Barvu nastavíme parametrem fill a do apostrofů nebo uvozovek napíšeme název barvy. Můžeme použít různé “pojmenované” barvy, například: 'white', 'red', 'blue', 'yellow', 'magenta', 'green', 'orange', 'brown', 'gray', 'violet', 'olive' nebo přímo kód v notaci '#RRGGBB'.

Tento trojúhelník můžeme nakreslit různými způsoby:

import tkinter
canvas = tkinter.Canvas()
canvas.pack()

canvas.create_line(110, 10, 10, 200, fill='blue')
canvas.create_line(10, 200, 210, 200, fill='blue')
canvas.create_line(210, 200, 110, 10, fill='blue')

nebo

import tkinter
canvas = tkinter.Canvas()
canvas.pack()

canvas.create_line(110, 10, 10, 200, 210, 200, 110, 10, fill='blue')

💾 Úkoly

1. Lze vypočítat souřadnici $x$ 110 vrcholu trojúhelníku ze souřadnic [10, 200] a [210, 200]?
   

2. Můžeme předchozí trojúhelník nakreslit i jinak?

3. Nakreslete stejný trojúhelník červenou barvou, posunutý podle ukázky na obrázku:
   

4. Změnou barvy a tloušťky čáry nakreslete tento obrázek:

   

5. Pomocí čar nakreslete písmena L, T, H, E, K. Zkuste i jiné.

6. Pomocí čar nakreslete obdélník.